
#agent  .search-content {
  display: flex;
  justify-content: space-between;
  margin-top:20px;
  padding:0 2%;
}

#agent .el-input, #agent .el-select {
  width: 200px;
  margin-bottom:10px;
}

#agent .el-input, #agent .el-select, .search-apply .el-button , .el-date-editor{
  margin-right: 20px;
  height: 40px;
  margin-bottom:10px;
}
#agent .search-apply .el-button:nth-child(2){
  margin-right: 0;
  margin-left:0;
}
#agent .table{
  margin:1% 2%;
  padding:10px 0;
  width:96%;
  box-sizing: border-box;
  background: #fff;
}
#agent .el-table__header{
  width: 100% !important;
}
#agent .el-table__body{
  width: 100% !important;
}
#agent .pagination{
  text-align: right;
  margin:20px 2% 20px 0;
  overflow-x: auto;
  overflow-y: hidden;
}
#agent .pagination .el-select,#agent .pagination .el-input{
  height:30px;
  width:100px;
}
/*弹出层*/
#agent #add-dialog, #agent #edit-dialog{
  width:80%;
  margin:0 auto;
}
#agent #init-dialog{
  width:80%;
  margin:0 auto;
  top:20%;
}
#agent  #add-dialog .el-dialog__body ,#agent  #edit-dialog >>> .el-dialog__body{
  height:300px;
  overflow-y: auto;
}
#agent  .el-dialog__footer{
  text-align: center;
}
#agent  .el-dialog__footer #add-btn ,#agent  >>> .el-dialog__footer #edit-btn{
  width:100px;
}

#agent .el-form{
  text-align: center;
  max-height:300px;
  overflow-y: auto;
}
#agent .el-form-item{
  display: flex;
  justify-content: center;
}
#agent  .el-form-item .el-form-item__content{
  width:320px;
  text-align: left;
}
#agent  .el-form-item .el-input {
  width:320px;
  text-align: left;
}
#agent .el-form-item__content{
  margin-left:1px !important;
}
#agent .uploadTips{
  color:red;
  font-size:12px;
  margin-left:10px;
}
/*删除*/
#agent #del-dialog  .el-dialog__header{
  background-color: #fff;
}
#agent #del-dialog .el-dialog__headerbtn{
  top:6px;
}
@media screen and (max-width: 1430px){
  #agent #add-dialog .el-dialog,#agent #edit-dialog .el-dialog,#agent #init-dialog .el-dialog{
    width:80%;
  }
}
@media screen and (max-width: 900px){
  #agent #add-dialog,#agent #edit-dialog,#agent #init-dialog{
    width:100%;
    top:10%;
  }
}
@media screen and (max-width: 720px){
  #agent #add-dialog .el-dialog,#agent #edit-dialog .el-dialog,#agent #init-dialog .el-dialog{
    width:90%;
  }
  #agent #add-dialog .el-dialog__body,#agent #edit-dialog .el-dialog__body,#agent #init-dialog .el-dialog__body{
    padding:10px 0;
  }
  #agent .search-content>div:nth-child(1){
    width:70%;
  }
  #agent .search-apply .agent-init{
    padding:0 1px;
  }
  #agent #del-dialog{
    top:20%;
  }
  #agent .el-form-item .el-input{
    width:100% !important;
  }
  #agent .el-form-item .el-form-item__content{
    width:60% !important;
  }
  #agent .el-date-editor{
    width:200px !important;
  }
}
@media screen and (max-width: 470px){
  #agent .search-content>div:nth-child(1) .el-button{
    margin-bottom:10px;
  }
  #agent .el-form-item .el-form-item__content{
    width:54% !important;
  }
  #agent #add-dialog,#agent #edit-dialog{
    width:100%;
    top:0;
  }
  #agent #init-dialog{
    width:100%;
    top:10%;
   }
  #agent .el-form-item__label{
    padding:0;
    font-size:12px;
  }
}
